import React from 'react'
import { Flex, Layout } from 'antd';
import { Outlet } from 'react-router-dom';
import MenuLeft from '../components/MenuLeft';
import MenuHorde from '../components/MenuHorde';
const { Header, Sider, Content } = Layout;
const Home = ()=>{
    return (
        <Layout className='layoutStyle'>
      <Header className='headerStyle'>
        <MenuHorde></MenuHorde>
      </Header>
      <Layout>
         <Sider width="11.5%">
          <MenuLeft></MenuLeft>
        </Sider>
        <Content style={{ background:'#FFF',padding:'0 55px',overflow:'auto'}}>
             <Outlet>
             </Outlet>
        </Content>
      </Layout>
    </Layout>
    )
}

export default Home